<div id="tools_main">
	<div class="recommended-apps-container">
		<h1 class="title">Recommended Apps</h1>
        <div class="hr"></div>
        
        <div class="recommended-apps-block">
        	<div class="recommended-apps-container-title">Web Tools</div>
        	<#if websiteItems??>
            <#assign index = 0>
            <#assign items = websiteItems.items>
	        <ul>        						
	        <#list items?chunk(2) as item_chunk>
				<#list item_chunk as item>
				<#assign thumbnail = item.thumbnail!''>
				<#assign descripiton = item.descripiton!''>
				<#assign title = item.title!''>
				<#if (item_index + 1) % 2 == 0>
					<li class="no-margin-right">
				<#else>
					<li>
				</#if>  
						<div class="feature-tools-img"  ><a href="${item.link!''}" target="_blank"><img src="${thumbnail}" height="80" width="90" /></a></div>
						<p ><a href="${item.link!''}" target="_blank">${title}</a></p>
					</li> 
				<#assign index = index+1>
				</#list>
			</#list>		
			</ul>
            </#if>
            <div class="clear"></div>
		</div>
            
        <div id="pcDiv" class="recommended-apps-block">
        	<div class="recommended-apps-container-title">PC Application</div>
        	<#if pcItems??>
            <#assign index = 0>
            <#assign items = pcItems.items>
            <ul>
	        <#list items?chunk(2) as item_chunk>
				<#list item_chunk as item>
				<#assign thumbnail = item.thumbnail!''>
				<#assign descripiton = item.descripiton!''>
				<#assign title = item.title!''>
				<#if (item_index + 1) % 2 == 0>
					<li class="no-margin-right">
				<#else>
					<li>
				</#if>
						<div class="feature-tools-img" ><a href="${item.link!''}" target="_blank"><img src="${thumbnail}" height="80" width="90" /></a></div>
						<p ><a href="${item.link!''}" target="_blank">${title}</a></p>
					</li>
				<#assign index = index+1>
				</#list>
			</#list>
			</ul>
            </#if>
            <div class="clear"></div>
		</div>
            
        <div id="mobileDiv" class="recommended-apps-block no-margin-right">
        	<div class="recommended-apps-container-title">Mobile App</div>
            <#if mobileItems??>
            <#assign index = 0>
        	<#assign items = mobileItems.items>
            <ul>          						
            <#list items?chunk(2) as item_chunk>
				<#list item_chunk as item>
				<#assign thumbnail = item.thumbnail!''>
				<#assign descripiton = item.descripiton!''>
				<#assign title = item.title!''>
					<#if (item_index + 1) % 2 == 0>
						<li class="no-margin-right"  >
					<#else>
						<li >
					</#if>
							<div class="feature-tools-img" ><a href="${item.link!''}" target="_blank"><img src="${thumbnail}" height="80" width="90"/></a></div>
							<p ><a href="${item.link!''}" target="_blank">${title}</a></p>
			            </li>
			        <#assign index = index+1>
				</#list>
			</#list>		
			</ul>
            </#if>
        </div>
        <div class="clear"></div>
	</div>
        
   	<div class="hr"></div>
        
    <div class="tools-comments">
        <h3>Need more?</h3>
        <p>If you need any requirement from WonTube, no matter for Web Tools, PC Application or Mobile Apps, please comment below.</p>
		<p>We would be pleased to help you.</p>
        <div class="tools-comments-content">
            <#include "/tools/fb_comments.ftl">
        </div>
	</div>
	
</div>
